@charset "utf-8";
/* CSS Document */
/**common**/
* { scrollbar-width: 0; margin: 0; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
body { color: #333; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; font: 14px/1.5 Microsoft Yahei, Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif; }
table, td, tr, th { border-collapse: collapse; border-spacing: 0; font-size: 14px; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { vertical-align: middle; border: 0; }
address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
.clear { clear: both; *zoom:1;
}
.clear:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; color: #333; cursor: pointer; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
@font-face { font-family: "pangmen"; src: url('../fonts/pangmen.ttf'); }
@font-face { font-family: "ANTON-REGULAR"; src: url('../fonts/ANTON-REGULAR.ttf'); }
@font-face { font-family: "Nice Regular"; src: url('../fonts/Nice Regular.ttf'); }
@font-face { font-family: "LEXENDDECA-SEMIBOLD"; src: url('../fonts/LEXENDDECA-SEMIBOLD.ttf'); }
@font-face { font-family: "BEBASKAI"; src: url('../fonts/BEBASKAI.ttf'); }
body, html { overflow-x: hidden; }
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:0;
}
::-webkit-scrollbar-track {
background-color:#e6e6e6;
border-radius:0px;
}
::-webkit-scrollbar-thumb {
background-color:#2e71b4;
border-radius:4px;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color:#2e71b4;
border-radius:4px;
}
/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
input { border-radius: 0; }
.w1400 { width: 1400px; margin: 0 auto; }
@media screen and (max-width:1499px) {
.w1400 { width: 94%; }
}
/**top start**/
header { height: 142px; position: relative; background: #fff; z-index: 999; padding: 10px 0 0; border-top: 2px solid #079a3f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
header .top_box { height: 90px; }
header .ly_Logo { width: 500px; height: 80px; float: left; }
header .ly_Logo img { width: 100%; }
header .ly_Right { float: right; margin: 25px 0 0; height: 30px; line-height: 30px; }
header .ly_Right span img { display: inline-block; margin: -4px 10px 0 0;vertical-align:middle;}
header .ly_Right span { color: #999; font-size: 16px; display: block; float: left; margin: 0 5px 0 0; }
header .ly_Right b { display: block; float: left; color: #079a3f; font-size: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; max-width: 290px; }
.top_nav { clear: both; left: 50%; transform: translateX(-50%); padding: 0; position: absolute; z-index: 5; }
.top_nav:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #222; }
.menu-button { position: relative; display: none; padding: 0; background: none; color: #ddd; cursor: pointer; line-height: 70px; font-weight: 700; font-size: 14px; font-size: 0; }
.menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px }
.menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 100%; height: 70px; display: inline-block; text-align: center; }
.menu-button .touch-button .navicon { font-size: 16px; position: relative; top: 1em; color: #666 }
.menu-button::after { position: absolute; content: ""; right: 23px; top: 25px; height: 6px; width: 24px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; z-index: 1; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.menu-button::before { position: absolute; content: ""; right: 23px; top: 38px; height: 3px; width: 24px; border-bottom: 2px solid #fff; z-index: 1; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.flexnav { margin: 0; padding: 0; list-style: none; line-height: 1; display: block; overflow: visible; width: 100%; height: 100%; float: left; }
.flexnav>li { float: left }
.flexnav li { width: 10%; float: left; position: relative; }
.flexnav>li.item-with-ul>a { padding-right: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.flexnav li a { position: relative; display: block; text-align: center; height: 80px; line-height: 80px; font-size: 18px; color: #fff; text-decoration: none; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -ms-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; }
.flexnav li:before { width: 0; height: 100%; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #079a3f; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.flexnav li:hover:before { width: 100%; }
.flexnav ul li a { width: 80px; font-weight: 400; font-size: 18px; padding: 13px 25px; text-align: center; transition: all .5s; }
.flexnav li a span { overflow: hidden; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.flexnav li a span img { margin-top: -38px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.flexnav li:hover:before, .flexnav li.active:before { width: 100%; }
.flexnav ul { position: absolute; top: auto; left: 0; display: block; padding: 0 }
.flexnav>li>ul { left: 50%; right: 0; margin-left: -65px; }
.flexnav ul ul { margin-left: 100%; top: 0 }
.flexnav li ul li { position: relative; overflow: hidden }
.flexnav li ul.show li { overflow: visible }
.flexnav li ul li a { background: rgba(255,255,255,.3); }
.flexnav ul li ul li a { background: #253136 }
.flexnav ul li ul li ul li a { background: #2c3b40 }
.flexnav li ul.open { display: block; opacity: 1; visibility: visible; z-index: 1 }
.flexnav li ul.open li { overflow: visible; max-height: 100px }
.flexnav li ul.open ul.open { margin-left: 100%; top: 0 }
.flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 46px; height: 80px; display: inline-block; text-align: center; }
.flexnav .touch-button:hover { cursor: pointer }
.flexnav .touch-button::after { height: 0; width: 0; content: ""; border: 6px solid transparent; border-top-color: #fff; display: block; position: absolute; top: 37px; left: 17px; }
.flexnav>li:hover>.touch-button::after, .sm-screen .submenu-open::after { border-top-color: #ca1511 }
.flexnav ul li .touch-button { width: 39px; height: 39px; background: rgba(255,255,255,.05); border-top-color: transparent }
.flexnav ul li .touch-button::after { top: 15px }
.flexnav.lg-screen ul li .touch-button::after { border-left-color: #ddd; border-top-color: transparent; border-width: 5px }
.flexnav.lg-screen ul li:hover>.touch-button::after { border-left-color: #ca1511 }
.flexnav.sm-screen ul li .touch-button::after { border-width: 5px; left: 14px; top: 17px }
.flexnav li .item-with-ul { width: 100%; left: 0; height: 0; overflow: hidden; margin: 0; padding: 0 10px; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.3); position: absolute; top: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; box-sizing: border-box; z-index: 999; }
.flexnav li:hover .item-with-ul { height: auto; padding: 10px 10px 30px; left: auto; background: #f8f8f8; z-index: 999; }
.flexnav .item-with-ul a { display: block; width: 100%; height: 55px; line-height: 55px; color: #666; font-size: 15px; font-weight: normal; text-align: center; margin: 0 auto; padding: 0; border-bottom: 1px solid #eee; position: relative; }
.flexnav .item-with-ul a:last-child { border: 0; }
.item-with-ul a:hover { color: #374ea0; background-color: #fff; }
.item-with-ul a em { display: block; width: 0; height: 1px; overflow: hidden; margin: 18px 10px 0 0; padding: 0; float: left; background-color: #374ea0; -webkit-transition: all .5s; -moz-transition: all .25s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; left: 0; bottom: 0; }
.item-with-ul a:hover em { width: 100%; }
/*弹出搜索框样式*/
.search_wrap { position: relative; float: right; width: 22%; height: 80px; padding: 22px 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.search_wrap:before { width: 100%; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #079a3f; }
.search_wrap .search_in { width: 100%; height: 36px; padding: 0 0 0 10px; background: #fff; color: #666; line-height: 34px; transition: all 0.4s; position: relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.search_in input.serach { width: 90%; display: block; height: 36px; line-height: 36px; color: #999; font-size: 14px; position: relative; border: none; background: none; outline: none; text-indent: 0; }
.search_in .sub { position: absolute; top: 0; right: 0; z-index: 5; display: block; width: 36px; height: 36px; background: #ffb51c url(../images/top_ss.png) center center no-repeat; border: none; outline: none; box-sizing: border-box; }
.search_in input.serach::-moz-placeholder {
color:#bbb;
}
.search_in input.serach:-ms-input-placeholder {
color:#bbb;
}
.search_in input.serach::-webkit-input-placeholder {
color:#bbb;
}
@media screen and (max-width:1600px) {
header { height: 130px; }
header .top_box { height: 80px; }
header .ly_Logo { width: 470px; }
header .ly_Right b { font-size: 28px; }
.flexnav li a { font-size: 17px; height: 74px; line-height: 74px; }
.search_wrap { height: 74px; padding: 19px 20px; }
}
@media screen and (max-width:1440px) {
header { height: 120px; }
header .top_box { height: 75px; }
header .ly_Logo { width: 440px; height: 75px; }
header .ly_Right { margin: 22px 0 0; }
header .ly_Right span { font-size: 15px; }
header .ly_Right b { font-size: 26px; }
.flexnav li a { font-size: 16px; height: 68px; line-height: 68px; }
.search_wrap { height: 68px; padding: 16px 15px; }
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px) {
header { height: 112px; }
header .top_box { height: 70px; }
header .ly_Logo { width: 400px; height: 70px; }
header .ly_Right { margin: 17px 0 0; }
header .ly_Right span { font-size: 15px; }
header .ly_Right b { font-size: 24px; }
.flexnav li a { font-size: 15px; height: 60px; line-height: 60px; }
.flexnav li .item-with-ul { width: 140%; left: -20%; }
.search_wrap { height: 60px; padding: 12px 15px; }
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1080px) {
header { height: 72px; padding: 7px 0 0; animation-name: none!important; }
header .top_box { height: auto; }
header .ly_Logo { width: 360px; height: 60px; }
header .ly_Right { padding: 0 80px 0 0; margin: 15px 0 0; }
header .ly_Right span { font-size: 14px; }
header .ly_Right b { font-size: 22px; }
header .top_nav { width: 70px; max-width: 100%; float: none; transform: inherit; left: inherit; right: 0; top: 0px; }
.top_nav:before { background: #079a3f; z-index: 1; transform: none; }
.flexnav { height: 0; background-color: #fff; overflow: hidden; width: 100%; position: fixed; left: 0; top: 70px; z-index: 10; color: #666; transition: all .3s ease; }
.flexnav.show { height: 100%; border-top: 1px solid #ededed; padding: 25px 0 0; overflow: visible; overflow-y: auto; z-index: 999999; }
.flexnav li { float: none; width: 90%; border-bottom: 1px solid #ededed; margin: 0 auto; }
.flexnav li a { min-height: 50px; line-height: 50px; width: 30%; height: auto; font-size: 16px; margin: 0 auto; padding: 0 0; color: #555; }
.flexnav li:hover a, .flexnav li.active a { color: #fff; }
.flexnav li a i { bottom: 5px; }
.flexnav li:after { background: none; }
.flexnav li span { display: block; width: 20px; height: 20px; border-radius: 50%; background: #374ea0 url(../images/navdown.png) center no-repeat; position: absolute; right: 25%; top: 19px; z-index: 999999; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.flexnav li.on span { transform: rotate(180deg); }
.flexnav li .item-with-ul { width: 100%; box-shadow: none; display: none; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; height: auto; position: static; }
.flexnav li:hover .item-with-ul { padding: 10px; }
.flexnav .item-with-ul a { background: #f7f7f7; }
.menu-button { display: block; width: 70px; line-height: 70px; }
.menu-button.cur::before { transform: rotate(-45deg); top: 30px; }
.menu-button.cur::after { transform: rotate(45deg); top: 32px; border-bottom: 0; }
.search_wrap { float: none; width: 90%; margin: 0 auto; margin: 30px auto; padding: 0 15px; height: 70px; }
.search_wrap .search_in { top: 18px; }
.search_wrap:before { top: 2px; }
}
@media screen and (max-width:920px) {
header { height: 67px; }
header .ly_Logo { width: 320px; height: 55px; }
header .ly_Right { padding: 0 80px 0 0; margin: 11px 0 0; }
header .ly_Right span { font-size: 14px; }
header .ly_Right b { font-size: 20px; }
header .top_nav { width: 65px; }
.menu-button { width: 65px; line-height: 65px; }
.menu-button .touch-button { height: 65px; }
.menu-button::before { right: 20px; top: 36px; }
.menu-button::after { right: 20px; top: 23px; }
.menu-button.cur::before { top: 27px; }
.menu-button.cur::after { top: 28px; }
.flexnav li a { min-height: 45px; line-height: 45px; font-size: 15px; }
.search_wrap:before { top: 8px; }
.search_wrap { margin: 20px auto; padding: 0 10px; height: 65px; }
.flexnav { top: 65px; }
}
@media screen and (max-width:767px) {
header .ly_Right { display: none; }
header { height: auto; padding: 6px 0 0; }
header .ly_Logo { width: 300px; height: 54px; }
header .top_nav { width: 60px; }
.menu-button { width: 60px; height: 60px; }
.menu-button .touch-button { height: 60px; }
.menu-button::before { right: 17px; top: 33px; }
.menu-button::after { right: 17px; top: 20px; }
.menu-button.cur::before { top: 25px; }
.menu-button.cur::after { top: 27px; }
.flexnav { top: 62px; }
}
 @media screen and (max-width:375px) {
header { padding: 8px 0 0; }
header .ly_Logo { width: 280px; height: 52px; }
}
 @media screen and (max-width:340px) {
header .ly_Logo { width: 260px; }
}
/**top end**/




/*底部 开始*/
.lyFoot{ width:100%; padding:75px 0 65px; background:#222; overflow:hidden;}
.lyFoot_Nav{ width:100%; padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.1); overflow:hidden; margin-bottom:30px;}
.lyFoot_Nav a{ display:block; float:left; width:14.285%; font-size:18px; text-align:center; color:#fff; position:relative;}
.lyFoot_Nav a:after{ content:""; display:block; width:8px; height:1px; background: rgba(255,255,255,0.25); position:absolute; right:0; top:50%;}
.lyFoot_Nav a:last-child:after{ display:none;}
.lyFoot_lxfs .lyFootlxfs_tit{ width:100%; text-align:center; font-size:30px; color:#fff; margin-bottom:35px;}
.lyFoot_lxfs .lyFootlxfs_Con{ width:100%; background:url(../images/lyFoot_lxfsBg.png) repeat; padding:40px 50px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.lyFootlxfs_Con .lyFootlxfs_l{ width:60%; float:left;}
.lyFootlxfs_l ul li { width:100%; overflow:hidden; margin-bottom:15px;}
.lyFootlxfs_l ul li img { display: block; float: left; width: 24px; height: 24px; }
.lyFootlxfs_l ul li:hover img { transform: rotateY(180deg); }
.lyFootlxfs_l ul li p { float: right; width: calc(100% - 40px); font-size: 16px; color: rgba(255,255,255,0.85); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lyFootlxfs_l ul li p span { color: rgba(255,255,255,0.25); }
.lyFootlxfs_l ul li:nth-child(1){ margin-bottom:30px;}
.lyFootlxfs_l ul li:nth-child(1) span{ display:block; font-size:16px; font-weight:normal;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:30px; color:#079a3f; font-weight:bold;}
.lyFootlxfs_Con .lyFoot_Ewm{ width:200px; float:right;}
.lyFoot_Ewm img{ display:block; width:150px; height:150px; float:left;}
.lyFoot_Ewm p{color: rgba(255, 255, 255, .25);font-size: 16px;margin:30px 0 0;float: right;writing-mode: vertical-rl;width: 21px;line-height: 35px;}
.lyFoot_B{ width:100%; background:#282828; overflow:hidden;}
.lyFoot_B .lyFoot_Copy { width: 100%; padding: 7px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
.lyFoot_Copy p { line-height: 40px; color: rgba(255, 255, 255, .25); font-size: 16px; }
.lyFoot_Copy p a { color: rgba(255, 255, 255, .25); font-size: 16px; }
.lyFoot_Copy p a:hover { color: #fff; }
.lyIdx_Links{ height: 96px; overflow: hidden;position: relative;display: flex; align-items: center; }
.lyIdx_Links .lyLinks_title { width: 130px; height: 96px; overflow: hidden; line-height: 50px; color:rgba(255,255,255,0.25); font-size: 16px;padding: 24px 0; float: left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.lyIdx_Links .lyLinks_title img { display: inline-block; margin: -2px 15px 0 0; }
.lyIdx_Links .lyLinks_list { width: calc(100% - 130px); float: right; max-height: 70px; overflow: hidden; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; color: rgba(255,255,255,0.25); }
.lyLinks_list a { display: inline-block; height: 35px; line-height: 35px; color: rgba(255,255,255,0.25); font-size: 16px; vertical-align: top; margin: 0 12px; }
.lyLinks_list a:hover { color: #fff; }
 @media (max-width:1680px) {
.lyFoot_Copy p, .lyFoot_Copy p a { font-size: 15px; }
.lyIdx_Links{ height: 88px; }
.lyIdx_Links .lyLinks_title {height: 88px;padding: 20px 0;}
}
 @media (max-width:1600px) {
.lyFoot{ padding:60px 0;}
.lyFoot_lxfs .lyFootlxfs_tit{ font-size:28px;}
.lyFoot_Nav a{ font-size:17px;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:28px;}
}
 @media (max-width:1560px) {
.lyIdx_Links{ height: 80px; }
.lyIdx_Links .lyLinks_title {height: 80px; font-size: 17px; padding: 17px 0; line-height:45px;}
.lyLinks_list a { font-size: 15px; height: 30px; line-height: 30px; }
.lyIdx_Links .lyLinks_list { max-height: 60px; }

}
 @media (max-width:1440px) {
.lyFoot{ padding:50px 0 55px;}
.lyFoot_Copy p, .lyFoot_Copy p a { font-size: 14px; }
.lyFootlxfs_l ul li p,.lyFootlxfs_l ul li:nth-child(1) span{ font-size:15px;}
.lyFoot_lxfs .lyFootlxfs_tit{ font-size:26px; margin-bottom:30px;}
.lyFoot_Nav{ padding-bottom:20px; margin-bottom:25px;}
.lyFoot_Nav a{ font-size:16px;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:26px;}
}
@media (max-width:1366px) {
.lyFoot_lxfs .lyFootlxfs_tit{ font-size:24px; margin-bottom:25px;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:24px;}
}
 @media (max-width:1280px) {
.lyFoot_Ewm p{ font-size:15px;}
.lyIdx_Links{ height:70px;}
.lyIdx_Links .lyLinks_title { width: 120px; height: 70px; font-size: 16px; padding: 16px 0; line-height:40px; }
.lyIdx_Links .lyLinks_title img{ margin:-2px 10px 0 0;}


}
 @media (max-width:1200px) {
.lyFoot{ padding:40px 0 45px;}
.lyFoot_lxfs .lyFootlxfs_tit{ font-size:22px; }
.lyFootlxfs_Con .lyFoot_Ewm{ width:180px;}
.lyFootlxfs_Con .lyFoot_Ewm img{ width:140px; height:140px;}
.lyFoot_Nav a{ font-size:15px;}
.lyFoot_lxfs .lyFootlxfs_Con{ padding:35px 35px 30px;}
.lyFootlxfs_l ul li:nth-child(1){ margin-bottom:25px;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:22px;}
}
 @media (max-width:1080px) {
.lyFoot_Copy p { line-height: 30px; float: none !important; }
.lyFoot_B .lyFoot_Copy{ padding:10px 0;}
}
 @media (max-width:1024px) {
.lyFoot{ padding:35px 0 40px;}
.lyFoot_lxfs .lyFootlxfs_tit{ font-size:20px; margin-bottom:20px;}
.lyFoot_Nav{ padding-bottom:15px; margin-bottom:20px;}
.lyFoot_lxfs .lyFootlxfs_Con{ padding:30px;}
.lyFootlxfs_l ul li p,.lyFootlxfs_l ul li:nth-child(1) span{ font-size:14px;}
.lyFootlxfs_l ul li:nth-child(1){ margin-bottom:20px;}
.lyFootlxfs_l ul li:nth-child(1) p{ font-size:20px;}
}
 @media (max-width:920px) {
.lyIdx_Links{ height:60px;}
.lyIdx_Links .lyLinks_title { height: 60px; line-height:40px; font-size: 15px; padding: 10px 0; }
.lyLinks_list a { font-size: 14px; height: 25px; line-height: 25px; }
.lyIdx_Links .lyLinks_list { max-height: 50px; }
.lyFoot_Nav{ display:none;}
}
 @media (max-width:820px) {
.lyFoot{ padding:30px 0;}
.lyFoot_Copy p { text-align: center; }
.lyFoot_Nav,.lyFoot_lxfs .lyFootlxfs_tit,.lyFootlxfs_Con .lyFootlxfs_l{ display:none;}
.lyFoot_lxfs .lyFootlxfs_Con{ background:none; text-align:center; padding:0;}
.lyFootlxfs_Con .lyFoot_Ewm{ display:inline-block; float:none;}
.lyFoot_Copy p, .lyFoot_Copy p a { font-size: 14px; }
}
 @media (max-width:767px) {
.lyFoot_Copy p span.icp, .lyFoot_Copy p span.login, .lyFoot_Copy p span.sitemap, .lyFoot_Copy p span.support,.lyIdx_Links { display: none; }
}
@media (max-width:650px) {
}
@media (max-width:540px) {
}
/*底部 结束*/

/*在线客服*/
.kfView4{background-color: #079a3f;border: 2px solid #07a844;position: fixed;width: 80px;top:20%;right: 10px;text-align: center;display: block;-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);box-shadow: 0 6px 12px rgba(0,0,0,0.1);border-radius: 0 0 8px 8px;font-size: 12px;z-index: 999;}
.kfView4 ul{margin: 0;padding-top: 45px;color:#fff;}
.kfView4 ul li{position: relative;}
.kfView4 ul li:nth-of-type(1),.kfView4 ul li:nth-of-type(4),.kfView4 ul li:nth-of-type(6){ display:none;}
.kfView4 ul li a{display: block;color: #FFF;text-decoration: none;overflow: hidden;height: auto;width: 100%;padding: 43px 0 12px; background: url(../images/kefu-tb.png) no-repeat top center;}
.kfView4 ul li a:hover{background-color: #07a844;}
.kfView4 a.kefu-lx{background-image: url(../images/kefu.png);background-repeat: no-repeat;background-position: center top;position: absolute;top: -40px;text-indent: -9999px;height: 80px;width: 80px;z-index: 999999;left: 0px;border-width: 0;overflow: hidden}
.kfView4 a.kefu-lx:hover{background-color: rgba(255,255,255,0)}
.kfView4 ul li a.kf{display: block;padding: 10px 0}
.kfView4 ul li a.kefu-tel{background-position: center -79px}
.kfView4 ul li a.kefu-qq{background-position: center -150px}
.kfView4 ul li a.kefu-wx{background-position: center -220px}
.kfView4 ul li a.kefu_bottom{background-position: center -288px;padding: 30px 0 10px 0;border-radius: 0 0 8px 8px}
.kfView4 ul li a.kefu_top{background-position: center -15px;padding: 30px 0 10px 0}
.kfView4:hover ul li a{display: block}
.kfView4 ul li p{ position: absolute; top:-72px; right: 82px; width:0; padding: 0 ; font-size: 14px; line-height: 24px; text-align: left; color:#fff; background: #079a3f; display: block; opacity: 0;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.kfView4 ul li:nth-of-type(3) p{top:0;}
.kfView4 ul li:hover p{ width:120px; padding:15px; opacity: 1;}
.kfView4 ul li .wechat p {}

@media (max-width:800px) {
    .kfView4 { width:60px; border-radius:8px; right:2px;}
	.kfView4 a.kefu-lx { display:none;}
	.kfView4 ul { padding:0;}
	.kfView4 ul li:nth-child(1), .kfView4 ul li:nth-child(4), .kfView4 ul li:nth-child(5) { display:none;}
	.kfView4 ul li p { display:none!important;}
	.kfView4 ul li a { font-size:12px;}
}
@media (max-width: 767px) {
    #KFRightScreen { display:none!important;}
}

/*在线客服*/




